<template>
	<div class="flex flex-direction justify-start align-center flex-wrap" style="height: 100%;width: 100%">
		<div class="flex justify-start align-center flex-wrap">
			<div class="basis-50" v-for="MTtype in MTTypes" :key="MTtype.id">
				<div class="padding flex justify-center align-center">
					<el-button @click="toPage(MTtype.id)">{{MTtype.name}}</el-button>
				</div>
			</div>
		</div>
	</div>
	
</template>

<script>
	import common from '@/utils/common.js';
	import {
		cloneDeep
	} from 'lodash'
	export default {
		name: 'app_photo_requirement',
		// beforeRouteLeave(to, from, next) {
		// 	this.$destroy();
		// 	next();
		// },
		beforeDestroy() {},
		props: {},
		data() {
			return {
				MTTypes:[
					{id: 1, name:'智能框'},
					{id: 2, name:'普通框架'},
					// {id: 3, name:'路名牌'},
					{id: 4, name:'加油站'},
					{id: 9, name:'综合市场'},
					{id: 11, name:'大屏'},
				]
			}
		},
		watch: {},
		mounted() {},
		methods: {
			toPage(mediaType){
				this.$router.push({
					path: '/app/worker/photo_requirement_one',
					query: {
						id: mediaType
					}
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
	/deep/.el-tabs__item{
		padding: 0 2px;
	}
</style>
